<template>
    <div style="margin-bottom: 50px">
        <div class="ivu-row">
            <div class="ivu-col ivu-col-span-6">
                <div style="background:#00cc66" class="ivu-card">
                    <div class="ivu-card-body">
                        <div class="demo-color-name">正确人员</div>
                        <div class="demo-color-desc">{{success}}</div>
                    </div>
                </div>
            </div>
            <div class="ivu-col ivu-col-span-6">
                <div style="background:#3399ff" class="ivu-card">
                    <div class="ivu-card-body">
                        <div class="demo-color-name">错误人员</div>
                        <div class="demo-color-desc">{{error}}</div>
                    </div>
                </div>
            </div>
            <div class="ivu-col ivu-col-span-6">
                <div style="background:#ff9900" class="ivu-card">
                    <div class="ivu-card-body">
                        <div class="demo-color-name">密接人员</div>
                        <div class="demo-color-desc">{{mijie}}</div>
                    </div>
                </div>
            </div>
            <div class="ivu-col ivu-col-span-6">
                <div style="background:#ff6600" class="ivu-card">
                    <div class="ivu-card-body">
                        <div class="demo-color-name">确诊人员</div>
                        <div class="demo-color-desc">{{quezhen}}</div>
                    </div>
                </div>
            </div>
            <div class="ivu-col ivu-col-span-6">
                <div style="background:gray" class="ivu-card">
                    <div class="ivu-card-body">
                        <div class="demo-color-name">待审核人员</div>
                        <div class="demo-color-desc">{{daishenhe}}</div>
                    </div>
                </div>
            </div>
        </div>
        <Row>
            <Col span="8">
                <div class="ivu-row day-num-item">
                    <div class="ivu-col ivu-col-span-24">
                        <Button :loading="dayLoading" type="primary" @click="getDayAllNum">查询各统计项(办理)</Button>
                    </div>
                    <div class="ivu-col ivu-col-span-24" v-html="day_all_num">
                    </div>
                    <div v-if="dayType === '1'" class="ivu-col ivu-col-span-24">
                        <Button :loading="areaLoading" type="primary" @click="getDayAllAreaNum">区县统计项(办理)</Button>
                    </div>
                    <div v-if="dayType === '1'" class="ivu-col ivu-col-span-24" v-html="area_num">
                    </div>
                    <div v-if="areaType === '1'" class="ivu-col ivu-col-span-24">
                        <Button :loading="streetLoading" type="primary" @click="getDayAllStreetNum">查询街道统计(办理)</Button>
                        <Select v-model="streetType" style="width:120px">
                            <Option value="于洪区">于洪区</Option>
                            <Option value="浑南区">浑南区</Option>
                            <Option value="康平县">康平县</Option>
                            <Option value="大东区">大东区</Option>
                            <Option value="沈河区">沈河区</Option>
                            <Option value="辽中区">辽中区</Option>
                            <Option value="皇姑区">皇姑区</Option>
                            <Option value="铁西区">铁西区</Option>
                            <Option value="和平区">和平区</Option>
                            <Option value="新民市">新民市</Option>
                            <Option value="沈北新区">沈北新区</Option>
                            <Option value="法库县">法库县</Option>
                            <Option value="苏家屯区">苏家屯区</Option>
                        </Select>
                    </div>
                    <div v-if="areaType === '1'" class="ivu-col ivu-col-span-24" v-html="street_num">
                    </div>
                </div>
            </Col>
            <Col span="8">
                <div class="ivu-row day-num-item">
                    <div class="ivu-col ivu-col-span-24">
                        <Button :loading="daiban1" type="primary" @click="getDayAllNumDaiBanOne">查询各统计项(代办)</Button>
                    </div>
                    <div class="ivu-col ivu-col-span-24" v-html="day_all_num_daiban_num"></div>
                    <div class="ivu-col ivu-col-span-24">
                        <Button :loading="daiban2" type="primary" @click="getDayAllAreaDaiBanNum">区县统计项(代办)</Button>
                    </div>
                    <div class="ivu-col ivu-col-span-24" v-html="daiban2_num">
                    </div>
                    <div class="ivu-col ivu-col-span-24">
                        <Button :loading="daiban3" type="primary" @click="getDayAllStreetNumDaiBan">查询街道统计(代办)</Button>
                        <Select v-model="daibanStreetType" style="width:120px">
                            <Option value="于洪区">于洪区</Option>
                            <Option value="浑南区">浑南区</Option>
                            <Option value="康平县">康平县</Option>
                            <Option value="大东区">大东区</Option>
                            <Option value="沈河区">沈河区</Option>
                            <Option value="辽中区">辽中区</Option>
                            <Option value="皇姑区">皇姑区</Option>
                            <Option value="铁西区">铁西区</Option>
                            <Option value="和平区">和平区</Option>
                            <Option value="新民市">新民市</Option>
                            <Option value="沈北新区">沈北新区</Option>
                            <Option value="法库县">法库县</Option>
                            <Option value="苏家屯区">苏家屯区</Option>
                        </Select>
                    </div>
                    <div class="ivu-col ivu-col-span-24" v-html="daiban3_num">
                    </div>
                </div>
            </Col>
            <Col span="8">
                <div class="ivu-row day-num-item">
                    <div class="ivu-col ivu-col-span-24">
                        <Button type="primary" @click="numTotal">区县统计项(总计)</Button>
                    </div>
                    <div class="ivu-col ivu-col-span-24" v-html="total3_num">
                    </div>
                    <div class="ivu-col ivu-col-span-24">
                        <Button type="primary" @click="areaNumTotal">区县统计项(总计)</Button>
                    </div>
                    <div class="ivu-col ivu-col-span-24" v-html="total1_num">
                    </div>
                    <div class="ivu-col ivu-col-span-24">
                        <Button type="primary" @click="streetNumTotal">查询街道统计(总计)</Button>
                    </div>
                    <div  class="ivu-col ivu-col-span-24" v-html="total2_num">
                    </div>
                </div>
            </Col>
        </Row>
        <Divider/>
        <Row type="flex" justify="space-between" :gutter="20">
            <Col span="8">
                <Card class="card2">
                    <div style="text-align:center">
                        <h2>扫码统计</h2>
                        <Divider/>
                        <div class="number">二维码总数：{{total}}</div><br/>
                        <div class="number1">扫码总数：{{qrTotal}}</div>
                    </div>
                </Card>
            </Col>
            <Col span="8">
                <Card class="card2">
                    <div style="text-align:center">
                        <h2>外籍人员统计</h2>
                        <Divider/>
                        <div class="number2">
                            <p>白名单总数：{{ p1.whiteCount }}</p>
                            <p>【总数{{p1.waiGuoCount+p1.TaiWanCount+p1.XgAmCount}}】/【绿码{{ p1.waiGuoColor[0]+p1.TaiWanColor[0]+p1.XgAmColor[0] }}】/【黄码{{ p1.waiGuoColor[1]+p1.TaiWanColor[1]+p1.XgAmColor[1] }}】/【红码{{ p1.waiGuoColor[2]+p1.TaiWanColor[2]+p1.XgAmColor[2] }}】/【错误{{ p1.waiGuoColor[3]+p1.TaiWanColor[3]+p1.XgAmColor[3] }}】</p>
                            <p>外国人：「绿码{{ p1.waiGuoColor[0] }}」「黄码{{ p1.waiGuoColor[1] }}」「红码{{ p1.waiGuoColor[2] }}」「错误{{ p1.waiGuoColor[3] }}」</p>
                            <p>台湾人：「绿码{{ p1.TaiWanColor[0] }}」「黄码{{ p1.TaiWanColor[1] }}」「红码{{ p1.TaiWanColor[2] }}」「错误{{ p1.TaiWanColor[3] }}」</p>
                            <p>香港澳门：「绿码{{ p1.XgAmColor[0] }}」「黄码{{ p1.XgAmColor[1] }}」「红码{{ p1.XgAmColor[2] }}」「错误{{ p1.XgAmColor[3] }}」</p>
                        </div>

                    </div>
                </Card>
            </Col>
            <Col span="8">
                <Card class="card2">
                    <div style="text-align:center">
                        <h2>优惠券统计</h2>
                        <Divider/>
                        <div class="number3">{{msg}}</div>
                    </div>
                </Card>
            </Col>
        </Row>
<!--        <vxe-toolbar export custom></vxe-toolbar>-->
<!--        <vxe-table-->
<!--                resizable-->
<!--                border="inner"-->
<!--                ref="xTree"-->
<!--                highlight-hover-row-->
<!--                height="550"-->
<!--                size="medium"-->
<!--                show-overflow="tooltip"-->
<!--                :loading="tableLoading"-->
<!--                align="center"-->
<!--                header-align="center"-->
<!--                :data="tableData">-->
<!--            <vxe-table-column field="title" title="场所名称"></vxe-table-column>-->
<!--            <vxe-table-column field="num" title="人数"></vxe-table-column>-->
<!--        </vxe-table>-->
<!--        <br/>-->
<!--        <a href="http://sstpw.tripln.top/wl/jingQuCodeStatic">统计景区的履历数据</a>-->
<!--        <br/>-->
<!--        <a href="http://sstpw.tripln.top/wl/totalAllUserType">获取所有人的状态数量</a>-->
    </div>
</template>

<script>
import { getDayAllNumDaiBanOne, getDayAllStreetNumDaiBan, getDayAllAreaDaiBanNum, totalAllUserType, jingQuCodeStatic, getDayAllAreaNum, getDayAllNum, getDayAllStreetNum, qrCodeTongJiGo, waiJiShuLiang, getSubsidyTotal } from '@/api/statistics'
// import waiji from '@/libs/mockData.js'
export default {
  data () {
    return {
      waiji: [
        {
          'name': ['Heping District', '和平区', '화평구'],
          'main_name': '和平区',
          'value': 0
        },
        {
          'name': ['Shenhe District', '瀋河区', '沈河区', '심하구'],
          'main_name': '沈河区',
          'value': 0
        },
        {
          'name': ['Tiexi District', '鉄西区', '铁西区', '철서구'],
          'main_name': '铁西区',
          'value': 0
        },
        {
          'name': ['Huanggu District', '皇姑区', '황고구'],
          'main_name': '皇姑区',
          'value': 0
        },
        {
          'name': ['Dadong District', '大東区', '大东区', '황고구'],
          'main_name': '大东区',
          'value': 0
        },
        {
          'name': ['Hunnan District', '渾南区', '浑南区', '훈남구'],
          'main_name': '浑南区',
          'value': 0
        },
        {
          'name': ['Yuhong District', '于洪区', '우홍구'],
          'main_name': '于洪区',
          'value': 0
        },
        {
          'name': ['Shenbei New District', '瀋北新区', '沈北新区', '심북신구'],
          'main_name': '沈北新区',
          'value': 0
        },
        {
          'name': ['Sujiatun District', '蘇家屯区', '苏家屯区', '소가툰구'],
          'main_name': '苏家屯区',
          'value': 0
        },
        {
          'name': ['Liaozhong District', '遼中区', '辽中区', '요중구'],
          'main_name': '辽中区',
          'value': 0
        },
        {
          'name': ['Xinmin District', '新民市', '요중구'],
          'main_name': '新民市',
          'value': 0
        },
        {
          'name': ['Faku County', '法庫県', '法库县', '법고현'],
          'main_name': '法库县',
          'value': 0
        },
        {
          'name': ['Kangping County', '康平県', '康平县', '강평현'],
          'main_name': '康平县',
          'value': 0
        }
      ],
      total: '0',
      qrTotal: '0',
      p1: {},
      p2: '0',
      p3: '0',
      p4: '0',
      p5: '0',
      p6: '0',
      p7: '0',
      msg: '0',
      success: '0',
      error: '0',
      mijie: '0',
      quezhen: '0',
      daishenhe: '0',
      tableLoading: true,
      tableColumns: [
        { title: '景区', key: 'title', align: 'center' },
        { title: '人数', key: 'num', align: 'center' }
      ],
      tableData: [],
      day_all_num: '',
      dayLoading: false,
      dayType: '0',
      area_num: '',
      areaLoading: false,
      areaType: '0',
      streetType: '',
      streetLoading: false,
      street_num: '',
      allNum: '',
      daiban1: false,
      daiban1_num: '',
      daiban2: false,
      daiban2_num: '',
      daiban2Type: '0',
      daiban3: false,
      daiban3_num: '',
      daibanStreetType: '',
      total1_num: '',
      total2_num: '',
      areaMap1: {},
      areaMap2: {},
      streetMap1: {},
      streetMap2: {},
      day_all_num_daiban_num: '',
      total3_num: '',
      allareanum: 0
    }
  },
  methods: {
    // arrayAssembly (data) {
    //   let list = this.$common.xeUtils.clone(this.waiji)
    //   for (let i = 0; i < list.length; i++) {
    //     list[i].value = 0
    //   }
    //   this.arrayAssembly2(data, list)
    // },
    arrayAssembly (data, list) {
      for (let i = 0; i < list.length; i++) {
        this.$common.xeUtils.objectEach(data, (item, key) => {
          if (this.$common.xeUtils.includes(list[i].name, key)) {
            list[i].value += item
          }
        })
      }
      console.log(list, '拼装数组结果')
      let html = ''
      for (let i = 0; i < list.length; i++) {
        html += list[i].main_name + ':' + list[i].value + '<br/>'
      }
      console.log(html)
      return html
    },
    numTotal () {
      // console.log(this.day_all_num_daiban_num)
      // console.log(this.day_all_num)
      // let bbb = '沈阳市民222人<br/>外地来沈人员11人<br/>'
      // let aaa = '共计申报办理4853641人<br/>沈阳市民2698766人<br/>外地来沈人员2154875人<br/>其中居民出入通行证转换1714746人<br/>新增办理3138895人<br/>身份验证正确4800134人<br/>身份验证错误53507人。绿色通行证4800134人<br/>黄色通行证545人<br/>红色通行证32人。'
      let total1 = this.getNum(this.day_all_num, '共计申报办理', '人<br/>')
      let total2 = this.allareanum
      let shenyang1 = this.getNum(this.day_all_num, '沈阳市民', '人<br/>')
      let waidi1 = this.getNum(this.day_all_num, '外地来沈人员', '人<br/>')

      let shenyang2 = this.getNum(this.day_all_num_daiban_num, '沈阳市民', '人<br/>')
      let waidi2 = this.getNum(this.day_all_num_daiban_num, '外地来沈人员', '人<br/>')
      let total3 = parseInt(total1) + parseInt(total2)
      let shenyang3 = parseInt(shenyang1) + parseInt(shenyang2)
      let waidi3 = parseInt(waidi1) + parseInt(waidi2)

      let index = this.day_all_num.lastIndexOf('其中')
      let newtext = this.day_all_num.substring(index, this.day_all_num.length)
      console.log(newtext) // 三轴振动传感器

      let text = '共计申报办理' + total3 + '人<br/>沈阳市民' + shenyang3 + '人<br/>外地来沈人员' + waidi3 + '人<br/>' + newtext
      console.log(text)
      this.total3_num = text
    },
    streetNumTotal () {
      console.log(this.streetMap1)
      console.log(this.streetMap2)
      let array = {}
      this.$common.xeUtils.objectEach(this.streetMap1, (item, key) => {
        // console.log(item, key, '拼装数组')
        array[key] = item + this.streetMap2[key]
      })
      console.log(array, '拼装数组结果')
      let allNum = 0
      this.$common.xeUtils.objectEach(array, (item, key) => {
        allNum += item
      })

      array = JSON.stringify(array)
      array = array.replace(/,/g, '<br/>')
      this.total2_num = array.replace(/{/g, '').replace(/}/g, '').replace(/"/g, '').replace(/"/g, '').replace(/:/g, '=') + '<br/>'
      this.total2_num = this.total2_num + '<br/>' + '总数:' + allNum
    },
    areaNumTotal () {
      console.log(this.areaMap1)
      console.log(this.areaMap2)
      let array = {}
      this.$common.xeUtils.objectEach(this.areaMap1, (item, key) => {
        console.log(item, key, '拼装数组++++')
        if (this.areaMap2[key] === '' || this.areaMap2[key] === undefined || this.areaMap2[key] === null || this.areaMap2[key] === 'undefined') {
          array[key] = item
        } else {
          array[key] = item + this.areaMap2[key]
        }
      })
      console.log(array, '拼装数组结果')

      let list = this.$common.xeUtils.clone(this.waiji)
      for (let i = 0; i < list.length; i++) {
        list[i].value = 0
      }
      this.total1_num = this.arrayAssembly(array, list)

      // array = JSON.stringify(array)
      // array = array.replace(/,/g, '<br/>')
      // this.total1_num = array.replace(/{/g, '').replace(/}/g, '').replace(/"/g, '').replace(/"/g, '').replace(/:/g, '=') + '<br/>'
      // this.total1_num = array
    },
    getDayAllStreetNumDaiBan () {
      this.daiban3 = true
      let time = this.getNowFormatDate() + ' 12:00:00'
      getDayAllStreetNumDaiBan({ area: this.daibanStreetType, endtime: time }).then(ret => {
        if (ret.data.errcode === 0) {
          this.daiban3 = false
          this.streetMap2 = ret.data.data.streetMap
          let allNum = 0
          this.$common.xeUtils.objectEach(this.streetMap2, (item, key) => {
            console.log(item)
            allNum += item
          })
          console.log(allNum)
          this.daiban3_num = ret.data.data.info.replace(/,/g, '<br/>')
          this.daiban3_num = this.daiban3_num.replace(/{/g, '')
          this.daiban3_num = this.daiban3_num.replace(/}/g, '')
          this.daiban3_num += this.daiban3_num + '<br/>' + this.daibanStreetType + '总数:' + allNum
        } else {
          this.daiban3 = false
          this.$Message.warning(ret.data.errmsg)
        }
      })
    },
    getDayAllAreaDaiBanNum () {
      this.daiban2 = true
      let time = this.getNowFormatDate() + ' 12:00:00'
      getDayAllAreaDaiBanNum({ endtime: time }).then(ret => {
        if (ret.data.errcode === 0) {
          this.daiban2 = false
          // this.daiban2_num = ret.data.data.info
          this.daiban2Type = '1'
          this.areaMap2 = ret.data.data.areaMap
          let list = this.$common.xeUtils.clone(this.waiji)
          for (let i = 0; i < list.length; i++) {
            list[i].value = 0
          }
          this.daiban2_num = this.arrayAssembly(this.areaMap2, list)
          this.daiban2_num += '办理总数量为：' + ret.data.data.allareanum
          // this.daiban2_num = ret.data.data.info.replace(/,/g, '<br/>')
          // this.daiban2_num = this.daiban2_num.replace(/{/g, '')
          // this.daiban2_num = this.daiban2_num.replace(/}/g, '')
          // this.daiban2_num = this.daiban2_num.replace(/13区县办理情况：/g, '13区县办理情况：<br/>')
          // this.daiban2_num = this.daiban2_num.replace(/办理总数量为：0/g, '<br/>办理总数量为：' + ret.data.data.allareanum)
          this.allareanum = ret.data.data.allareanum
        } else {
          this.daiban2 = true
        }
      })
    },
    async getDayAllNumDaiBanOne () {
      console.log('111')
      this.daiban1 = true
      let localnum = 0
      let outnum = 0
      for (let i = 0; i < 8; i++) {
        let dataI = i + 1
        let result = await getDayAllNumDaiBanOne({ i: dataI })
        if (result.data.errcode === 0) {
          console.log(result.data)
          localnum += result.data.data.localnum
          console.log(localnum, '沈阳总数')
          outnum += result.data.data.outnum
          console.log(outnum, '非沈阳总数')
        }
        if (dataI === 8) {
          this.daiban1 = false
        }
      }
      this.day_all_num_daiban_num = '沈阳市民' + localnum + '人<br/>外地来沈人员' + outnum + '人<br/>'
    },
    init () {
      // 统计人员状态总数
      totalAllUserType().then(ret => {
        if (ret.data.errcode === 200) {
          this.success = ret.data.data[1]
          this.error = ret.data.data[2]
          this.mijie = ret.data.data[3]
          this.quezhen = ret.data.data[4]
          this.daishenhe = ret.data.data[8]
        }
      })
      // 扫码统计
      qrCodeTongJiGo().then(ret => {
        if (ret.data.errcode === 200) {
          this.total = ret.data.data.total
          this.qrTotal = ret.data.data.qrTotal
        }
      })
      // 外籍人员统计
      waiJiShuLiang().then(ret => {
        if (ret.data.errcode === 200) {
          this.p1 = ret.data.data
        }
      })
      // 优惠券统计
      getSubsidyTotal().then(ret => {
        if (ret.data.errcode === 200) {
          this.msg = ret.data.data.msg
        }
      })
      // 统计景区的履历数据
      jingQuCodeStatic().then(ret => {
        if (ret.data.errcode === 200) {
          this.tableLoading = false
          this.tableData = ret.data.data
          // console.log(this.tableData)
        }
      })
    },
    getDayAllNum () {
      this.dayLoading = true
      // 查询各统计项
      getDayAllNum().then(ret => {
        if (ret.data.errcode === 0) {
          this.dayLoading = false
          this.dayType = '1'
          this.areaType = '1'
          this.allnum = ret.data.data.allnum
          this.day_all_num = ret.data.data.info.replace(/,/g, '<br/>')
          this.area_num = this.$common.xeUtils.clone(ret.data.data.areaMap.info.replace(/,/g, '<br/>'))
          this.area_num = this.area_num.replace(/{/g, '').replace(/}/g, '') + '<br/>'
        } else {
          this.dayLoading = false
          this.$Message.warning(ret.data.errmsg)
        }
      })
    },
    getDayAllAreaNum () {
      this.areaLoading = true
      // let num = this.getNum(this.day_all_num, '共计申报办理', '人')
      // console.log(num)
      getDayAllAreaNum({ allNum: this.allnum }).then(ret => {
        if (ret.data.errcode === 0) {
          this.areaLoading = false
          this.areaType = '1'
          this.areaMap1 = ret.data.data.areaMap
          let list = this.$common.xeUtils.clone(this.waiji)
          for (let i = 0; i < list.length; i++) {
            list[i].value = 0
          }
          this.area_num = this.arrayAssembly(this.areaMap1, list)
          // this.area_num = ret.data.data.info.replace(/,/g, '<br/>')
          // this.area_num = this.area_num.replace(/{/g, '')
          // this.area_num = this.area_num.replace(/}/g, '')
        } else {
          this.areaLoading = false
          this.$Message.warning(ret.data.errmsg)
        }
      })
    },
    getDayAllStreetNum () {
      this.streetLoading = true
      // console.log(this.streetType)
      let typee = this.streetType + ':'
      let num = this.getNum(this.area_num, typee, '<br/>')
      // console.log(num)
      getDayAllStreetNum({ areaNum: num, area: this.streetType }).then(ret => {
        if (ret.data.errcode === 0) {
          this.streetLoading = false
          this.streetMap1 = ret.data.data.streetMap
          let allNum = 0
          this.$common.xeUtils.objectEach(this.streetMap1, (item, key) => {
            allNum += item
          })
          this.street_num = ret.data.data.info.replace(/,/g, '<br/>')
          this.street_num = this.street_num.replace(/{/g, '')
          this.street_num = this.street_num.replace(/}/g, '')
          this.street_num = this.street_num + '<br/>' + this.streetType + '总数:' + allNum
        } else {
          this.streetLoading = false
          this.$Message.warning(ret.data.errmsg)
        }
      })
    },
    getNum (str, firstStr, secondStr) {
      // console.log(str, '--', firstStr, '--', secondStr)
      if (str === '' || str === null || str === undefined) { // "",null,undefined
        return ''
      }
      if (str.indexOf(firstStr) < 0) {
        return ''
      }
      var subFirstStr = str.substring(str.indexOf(firstStr) + firstStr.length, str.length)
      var subSecondStr = subFirstStr.substring(0, subFirstStr.indexOf(secondStr))
      return subSecondStr
    },
    getNowFormatDate () {
      var date = new Date()
      var seperator1 = '-'
      var year = date.getFullYear()
      var month = date.getMonth() + 1
      var strDate = date.getDate()
      if (month >= 1 && month <= 9) {
        month = '0' + month
      }
      if (strDate >= 0 && strDate <= 9) {
        strDate = '0' + strDate
      }
      var currentdate = year + seperator1 + month + seperator1 + strDate
      return currentdate
    }

  },
  mounted () {
    this.init()
  }
}
</script>

<style scoped>
    .ivu-col.ivu-col-span-6 {
        padding-right: 10px;
        color: #ffffff;
        width: 20%;
    }
    .number{
        font-size: 20px;
        font-weight: bold;
        margin-top: 55px;
    }
    .number1{
        font-size: 20px;
        font-weight: bold;
    }
    .number3{
        font-size: 20px;
        font-weight: bold;
        margin-top: 70px;
    }
    .number2{
        font-size: 14px;
        font-weight: bold;
        margin-top: 55px;
    }
    .card2{
        height: 265px;
    }
    .ivu-col.ivu-col-span-20 {
        border-bottom: 1px solid #333333;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .ivu-col.ivu-col-span-20:last-child {
        border-bottom: 0;
    }

    .ivu-col.ivu-col-span-6:last-child {
        padding-right: 0;
    }

    .ivu-table-wrapper-with-border {
        margin-top: 10px;
    }

    .day-num-item {
        margin-top: 10px;
    }

    .ivu-select {
        /*margin-top: 10px;*/
    }
    .day-num-item .ivu-col-span-24{
        margin-bottom: 10px;
    }
</style>
